 

<!DOCTYPE HTML>
<html>
  <head>
  <link rel="stylesheet" type="text/css" href="style.css">
   <!-- <script type="text/javascript" src="http://www.youtube.com/player_api"></script> -->
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<link href='http://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
  </head>
  <body onresize="on_resize()" onload= "on_load()" style= "background-image:url('metroid/metroidfiller.gif')">
 


<div class = "header ">
  <div class = "score">
   <span    > Score </span> <br/>
   <span    id = "points" > 0 </span> 

  </div>

   <div class = "time ">

   <span >Time</span><br/>
   <span  id = "seconds" >  0</span>
  </div>
</div>    
  
    <canvas id="maincanvas" class="metroid-canvas" style= "width:100%; height:100%"> </canvas> 

<div id= "content" > 
<!-- <iframe width="560" height="315" src="//www.youtube.com/embed/yPaSOoinNH4?rel=0" frameborder="0" allowfullscreen></iframe> -->
<!-- <img src= "metroid/metroidanimation.gif"   /> -->
 <!-- INDEX -->
  
<!--  <div align=right style="max-width:10%; align:right;"> -->
<!--   <h1 style="max-width:10%; align:right;"> 
 </h1> -->
<!--  </div> --> 
<!-- <div style="text-align:center; height:100px;"> -->
<!-- <span style = "font-size:100px; z-index: 1; width:400px; position:absolute; margin:0 auto; text-align:center" >
 <a  class="box point" id="3" href = "home.html" >Home Index</a> 
</SPAN> -->



</div> 
<!-- END CONTENT -->

 
 

  </body>
<!--[if lt IE 6 ]>  -->
 <script src = "init.js"></script>
   <script src = "classes.js"></script>
   <script src = "intro.js"></script>

   <script src = "player.js"></script>
   <script src = "game.js"></script>
   <script src = "input.js"></script>
   <script src = "main.js"></script>
<!-- <![endif]-->
  
</html> 